{extend name="base" /}
{block name='css'}
{css href="__AD_CSS__/wx_menu.css" /}
{/block}
{block name="body"}
<div class="layui-card">
    <blockquote class="layui-elem-quote layui-text">
        自定义菜单：修改完菜单后要先点击<span class="text-danger">【确认修改】</span>再保存，否则无法更新到服务器哟！
    </blockquote>
  <div class="fluid">
    <div class="pannel">
        <div class="wx-card">
            <div class="wx-box">
                <div class="wx-head">
                    <a href="javascript:;" class="left-icon">
                        <i class="layui-icon layui-icon-left"></i>
                    </a>
                    {$config.sitename|default=$Think.lang.Title}
                </div>
                <div class="wx-body">
                    <p class="content-tips">{$config.copyright|default=$Think.lang.copyright}</p>
                    <div class="wx-footer">
                        {if $list.is_menu_open}
                        {volist name='list.selfmenu_info.button' id='v'}
                        <li class="menu-item ac">
                            <span class="item-text menu-item-label" name="{$v.name|default=''}" type="{$v.type|default=''}" val="{$v.url|default=''}">{$v.name|default=''}</span>
                            <ul class="menu-child-list">
                            {notempty name="$v.sub_button.list"}
                            {volist name='$v.sub_button.list' id='vo'}
                                <li class="child-menu-item active">
                                    <span class="item-text child-menu-item-label" name="{$vo.name|default=''}" type="{$vo.type|default=''}" val="{$vo.url|default=''}">{$vo.name|default=''}</span>
                                </li>
                            {/volist}
                            {/notempty}
                                <span class="triangle"><em></em></span>
                                <li class="add-item">
                                    <i class="fa fa-plus"></i>
                                </li>
                            </ul>
                        </li>
                        {/volist}
                        {/if}
                        <li class="add-menu"><i class="fa fa-plus"></i></li>
                    </div>
                </div>
            </div>
            <div class="wx-editor">
                <a href="javascript:;" class="editor-load"><i class="fa fa-spinner"></i></a>
                <span class="editor-tips">请点击左侧菜单</span>
                <div class="wx-editor-show">
                    <div class="wx-editor-head">菜单一<a class="menu-delete">删除该菜单</a></div>
                    <div class="wx-editor-body">

                        <div class="cjb-form-group">
                            <label for="">菜单名称:</label>
                            <div class="cjb-input-block">
                                <input type="text" class="cjb-input" name="cjb-name" placeholder="菜单名称">
                            </div>
                        </div>
                        <div class="cjb-form-group cjb-radio-group">
                            <label for="">菜单类型:</label>
                            <div class="cjb-input-block">
                                <li class="cjb-radio select" type="view">跳转链接</li>
                                <li class="cjb-radio" type="click">发送消息</li>
                            </div>
                        </div>
                        <div class="cjb-form-group cjb-val-group">
                            <label for="">菜单值:</label>
                            <div class="cjb-input-block">
                                <input type="text" class="cjb-input" name="cjb-val" placeholder="菜单包含的值" lay-verify="required|url" >
                                <p class="cjb-input-tips">请输入包含http://或者https://的完整链接</p>
                            </div>
                        </div>
                        <div class="cjb-form-group">
                            <div class="cjb-input-block">
                                <a class="set_menu fluid-btn">确认修改</a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <p style="text-align: center;margin-top: 2%;">
          <a class="big-btn fluid-btn create_menu">保存</a>
          <a class="big-btn fluid-btn" style="background-color: #ccc">取消</a>
        </p>
    </div>
  </div>
</div>
{/block}
{block name='js'}
{js href="__AD_JS__/wx_menu.js" /}
{/block}
